We’re using cookies, but you can turn them off in Privacy Settings. Otherwise, you are agreeing to our use of cookies. Accepting cookies does not mean that we are collecting personal data. Learn more in our Privacy Policy .

Loading Patterns

Choose an option below to determin the loading indicator type you need!

You don't need a progress indicator!

If your loading time is less than one second, there's no real need to use a loading indicator. If you have any questions about this, please reach out to your designer or a member of the front end team ([email protected]).

Spinner

Spinner Image Element

Loading...

Alternatively, use base64 image tag:

<img src='data:image/gif;base64,R0lGODlhZQBlAMQQAFFRUefn55qamrKysnV1dc7OzllZWWlpaYKCgkFBQY6Ojr6+vjU1NTk5OT09Pf///////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkYxNDBFMDg4QzI0MTFFN0I1QjhGQjcyRjM1OThBOEEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkYxNDBFMDc4QzI0MTFFN0I1QjhGQjcyRjM1OThBOEEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjlkYzRiNWFkLThjMjQtMTFlNy1iMDRhLWZiZTJlN2E1NTc0ZiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjlkYzRiNWFkLThjMjQtMTFlNy1iMDRhLWZiZTJlN2E1NTc0ZiIv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' />
            

Loading Image as a Class

Loading — Disable on Submit Button

This uses jQuery Validate JavaScript on form submit. The button is disabled and a loading message is appended to the page, below the button.

"Live" example using default spinner text:

To write custom spinner text, use the attribute data-smg-disable="Short, Concise Text."

View for visual example:

Submitting... This may take a few seconds.

HTML

<!-- Spinner Image Element -->
<img src="/Content/img/loading.gif" alt="Loading...">

<!-- Loading Image as a Class -->
<span class="loading-image"></span>

<!-- Loading — Disable on Submit Button Using JavaScript/Default Message -->
<form method="" action="">
  <button class="disable-on-submit">Save and Continue</button>
</form>

<!-- Loading — Disable on Submit Button Using JavaScript/Custom Message -->
<form method="" action="">
  <button class="disable-on-submit" data-msg-disable="Custom Message Goes Here.">Save and Continue</button>
</form>
            

Problem Being Solved

Spinners let people know that a page or function is loading.

When to Use

If loading takes one to four seconds. If possible, work with a frontend/backend developer to optimize performance so they are not needed.

Spinners are good for communicating progress within a small area, such as within a text field or under a specific control, such as a button.

When Not to Use

No additional progress indicator is needed for less than one second. If greater than five seconds, use a <progress> bar.

Best Practices

Avoid labeling a spinning progress indicator. Because a spinner typically appears when people initiate a process, a label is usually unnecessary.

If it’s helpful, display a description that provides additional context for the task. Be accurate and succinct. Avoid vague terms like loading or authenticating because they seldom add value.

Full page loading spinners should be avoided as they provide no sense of progress especially because they are looped and indeterminate.

Formatting

  • The primary use of this spinner is to implement on a form submit button:
    • Add class "disable-on-submit" to form submit button.
    • The default message that gets implemented via our jquery validate is "Submitting... This may take a few seconds."
    • To use custom text, add the attribute to the form submit button "data-msg-disable" where you can then write your custom text.

Progress Bar

Progress Bar — Loading Message and Data

Loading Message

##%

Loading Message

## of ##

HTML

<div class="progress-container">
    <p id="uniqueID" class="cfa-progress-message">Loading Message</p>
    <p id="uniqueID2" class="cfa-progress-data">##%</p>
    <progress id="uniqueID3" class="cfa-progress-bar" max="100" value="addValueHere" aria-labelledby="uniqueID uniqueID2"></progress>
</div>
            

Problem Being Solved

Progress bars let people know that the application isn’t stalled while it loads content or performs lengthy operations.

When to Use

If loading time is greater than five seconds.

When Not to Use

If loading is less than five seconds (consider using the spinner component).

Best Practices

Optimize first. Work with a frontend and/or backend developer to optimize loading performance before deciding whether a progress indicator is needed.

Avoid two line labels. Most messages can be stated in a few words.

Value is recommended to provide additional context for the task.

Be as accurate as possible when reporting advancement. Consider evening out the pace of advancement to help people feel confident about the time needed for the task to complete.

Formatting

  • Loading Message is required and should be in sentence case.. When the label is too long for the available horizontal space, it wraps to form another line. The value will truncate if the text is longer than two lines. Also, the loading message must have a unique ID (used for the aria-labelledby attribute).
  • Loading data (value) is optional and can include numbers and/or text. Also, the loading data must have a unique ID (used for the aria-labelledby attribute).
  • Loading data can be either the percent loaded (probably using the same logic you use to update value attribute in progress element), or the current “step” or “progress” in a process (1 of 4, for example).
  • If you’re having trouble with how to update the value attribute, please reach out to front end and we can provide support ([email protected]).
  • Progress element’s value will need to be updated by the backend as a variable (probably) with a value that’s returned from a server (or some other functionality).
  • Please make sure aria-labelledby is using both loading message and loading data IDs.